<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta charset="UTF-8">
	<title>sign</title>
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <link href="css/weui.css" rel="stylesheet" type="text/css"/>
    <link href="css/reset.css" rel="stylesheet" type="text/css"/>
    <link href="css/header.css" rel="stylesheet" type="text/css"/>
    <link href="css/history.css" rel="stylesheet" type="text/css"/>
    <link href="fonts/iconfont.css" rel="stylesheet" type="text/css"/>
    <link href="fonts/iconfont.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="css/style-personal.css">
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <script src="js/jquery.min.js" ></script>
    <script src="js/simplecalendar.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/sha1.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="js/wx_sdk.js"></script>	
    <style>
    	h1, .h1, h2, .h2, h3, .h3 {
			margin-top: 0px;
			margin-bottom: 0px;
		}
		h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
			font-family: inherit;
			font-weight: 500;
			 line-height:inherit; 
			color: inherit;
		}
		.container{
			padding-top:20px;
		}
    </style>
</head>

<body>
<div class="page_one">
	<header>
    	<div class="hl hbtn back ">
        	<div class="h_right iconfont icon-jiantou1">返回</div>
        </div>
    	<h1>考勤记录</h1>
        <div class="hr hbtn">
        	<div class="h_right"></div>
        </div>
    </header>
    
	<div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="calendar hidden-print">
                    <div class="header">
						<h2 class="month"></h2>
						<a class="btn-prev iconfont icon-jiantou1" href="#"></a>
						<a class="btn-next iconfont icon-jiantou" href="#"></a>
					</div>
					<table>
						<thead class="event-days">
							<tr></tr>
						</thead>
						<tbody class="event-calendar">
							<tr class="1"></tr>
							<tr class="2"></tr>
							<tr class="3"></tr>
							<tr class="4"></tr>
							<tr class="5"></tr>
						</tbody>
					</table>
					<div class="list">
						<!-- <div class="day-event" date-day="2" date-month="5" date-year="2016"  data-number="1">
							<ul class="record_ul">
								<li>
									<span class="record_ul_sp1">上班</span>
									<span class="record_ul_sp2">趋亚科技</span>
								</li>
							</ul>
						</div> -->
					</div>
				</div>
            </div>
        </div>
    </div>
</div>

<div class="page_two" style="font-family: "微软雅黑";">
	<header>
		<div class="hl hbtn back_pagetwo">
    	    <div class="h_right iconfont icon-jiantou1">返回</div>
    	</div>
    	<h1>打卡详情</h1>
    	<div class="hr hbtn">
    	</div>
	</header>

	<div class="content">
		<div class="record_wrapper">
			<div class="time"><p class="categ">打卡时间</p><span class="time_catag">08:58</span><span class="yichang" >打卡异常!</span></div>
			<div class="position">
				<p class="categ">打卡地点</p>
				<span style="overflow:hidden;width:80%;">
					<p id="company" class="company">趋亚科技</p>
					<p id="address">上海市普陀区祁连山南路2888号</p>
				</span>
			</div>
			<div class="beizhu">
				<p class="categ">备注信息</p>
				<span>
					<p class="reason">堵车</p>
					<p class="showImg"></p>
				</span>
			</div>
		</div>
	</div>
</div>	


	<script type="text/javascript" charset="utf-8">
		signature_ajax();
		//图片预览
		$('.showImg').on("click",function(){
				var url= [];
				for (var i = 0; i < $('.image').length; i++) {
					url[i] = $('.image')[i].src;
				}
				wx.ready(function(){
					wx.previewImage({
    				// current: curr, // 当前显示图片的http链接
    				urls: url // 需要预览的图片http链接列表
					});
				});
    	});

        //点击返回
        $(".back").click(function(){
			history.back();
		});
        //返回page_one
		$('.back_pagetwo').click(function(){
			$(".page_one").css("display","block");
			$(".page_two").css("display","none");
		})
		
    </script>
		

    <script src="js/jweixin-1.0.0.js" ></script>
	<script src="js/zepto.min.js" ></script>
</body>
</html>
